<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div>123</div>
    <button>原生</button>
    <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
    <script>

        window.addEventListener('message', (event) => {
            // this.webviewController.postMessage('port', [this.ports[1]], '*')
            // event.data 可以获取名字  第一个参数 port
            // event.ports 可以获取数据  第二个参数 [this.ports[1]]

            // 判断鸿蒙动作
            switch (event.data) {
                case 'port':
                    const port = event.ports[0]
                    port.onmessage = (result) => {
                        console.log('qf 收到【hm】推送的数据：', result.data)
                    }
                    // 通过对讲机发送数据
                    document.querySelector('button').onclick = function () {
                        port.postMessage('111')
                    }

                    break
            }


        })



        // VConsole 默认会挂载到 `window.VConsole` 上
        const vConsole = new window.VConsole();
        setTimeout(() => {
            // 设置开关按钮的位置。
            vConsole.setSwitchPosition(0, 700);
        }, 300);

        // document.querySelector("button").onclick = function () {
        //     console.log("hello");
        // };

        function fn1() {
            let div = document.querySelector('div')
            div.style.color = 'red'
        }

        let bt = document.querySelector('button')

        bt.addEventListener(onclick, () => {
            console.log(111);

        })
    </script>
</body>

</html>